<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta charset="utf-8"/>
	<title>登录</title>

	<meta name="description" content="User login page"/>
	<meta name="viewport"
		  content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

	<%@include file="/commons/commons.jsp" %>

	<!-- bootstrap & fontawesome -->
	<link rel="stylesheet" href="${aceAdmin}/assets/css/bootstrap.css"/>
	<link rel="stylesheet" href="${aceAdmin}/assets/css/font-awesome.css"/>

	<!-- text fonts -->
	<link rel="stylesheet" href="${aceAdmin}/assets/css/ace-fonts.css"/>

	<!-- ace styles -->
	<link rel="stylesheet" href="${aceAdmin}/assets/css/ace.css"/>

	<!--[if lte IE 9]>
	<link rel="stylesheet" href="${aceAdmin}/assets/css/ace-part2.css"
	/> <![endif] -->
	<link rel="stylesheet" href="${aceAdmin}/assets/css/ace-rtl.css"/>

	<!--[if lte IE 9]>
	<link rel="stylesheet" href="${aceAdmin}/assets/css/ace-ie.css"
	/> <![endif] -->

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media
	  queries -->

	<!--[if lt IE 9]>
	<script src="${aceAdmin}/assets/js/html5shiv.js"></script>
	<script src="${aceAdmin}/assets/js/respond.js"></script> <![endif] -->
	<%@include file="/commons/importCryptoJs.jsp" %>

</head>

<body class="login-layout">
<div class="main-container">
	<div class="main-content">
		<div class="row">
			<div class="col-sm-10 col-sm-offset-1">
				<div class="login-container">
					<div class="center">
						<h1>
							<i class="ace-icon fa fa-leaf green"></i>
							<span class="red">数据库建模设计管理</span>
							<span class="white" id="id-text2">Super platform</span>
						</h1>
						<h4 class="blue" id="id-company-text">&copy;
							广东三盟信息科技有限公司
						</h4>
					</div>

					<div class="space-6"></div>

					<div class="position-relative">
						<div id="login-box" class="login-box visible widget-box no-border">
							<div class="widget-body">
								<div class="widget-main">
									<h4 class="header blue lighter bigger">
										<i class="ace-icon fa fa-coffee green"></i>
										请输入您的登录信息
									</h4>
									<h4 class="header blue lighter bigger">
										登录帐号guest guest1~4 密码guest
									</h4>
									<div class="space-6"></div>
									<form id="formLogin">
										<fieldset>
											<label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input type="text" class="form-control"
									 value="admin" name="username"/>
                              <i class="ace-icon fa fa-user"></i>
                            </span>
											</label>
											<label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input type="password" name="password" class="form-control"
									 value="123456"/>
                              <i class="ace-icon fa fa-lock"></i>
                            </span>
											</label>
											<div class="space"></div>
											<div class="clearfix">
												<label class="inline">
													<input type="checkbox" class="ace" name="saveLogin"/>
													<span class="lbl"> 保存登录状态</span>
												</label>
												<button type="button" id="loginBtn"
														class="width-35 pull-right btn btn-sm btn-primary">
													<i class="ace-icon fa fa-key"></i>
													<span class="bigger-110">登录</span>
												</button>
											</div>
											<div class="space-4"></div>
										</fieldset>
									</form>
									<div class="social-or-login center">
										<span class="bigger-110">第三方登录</span>
									</div>
									<div class="space-6"></div>
									<div class="social-login center">
										<a class="btn btn-primary">
											<i class="ace-icon fa fa-facebook"></i>
										</a>
										<a class="btn btn-info">
											<i class="ace-icon fa fa-twitter"></i>
										</a>
										<a class="btn btn-danger">
											<i class="ace-icon fa fa-google-plus"></i>
										</a>
									</div>
								</div><!-- /.widget-main -->
								<div class="toolbar clearfix">
									<div>
										<a href="#" data-target="#forgot-box" class="forgot-password-link">
											<i class="ace-icon fa fa-arrow-left"></i>
											忘记密码
										</a>
									</div>
									<div>
										<a href="#" data-target="#signup-box" class="user-signup-link">
											注册
											<i class="ace-icon fa fa-arrow-right"></i>
										</a>
									</div>
								</div>
							</div><!-- /.widget-body -->
						</div><!-- /.login-box -->

						<div id="forgot-box" class="forgot-box widget-box no-border">
							<div class="widget-body">
								<div class="widget-main">
									<h4 class="header red lighter bigger">
										<i class="ace-icon fa fa-key"></i>
										找回密码
									</h4>

									<div class="space-6"></div>
									<p>
										输入您的邮箱用于接收确认信息
									</p>

									<form>
										<fieldset>
											<label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input type="email" class="form-control"
									 placeholder="Email"/>
                              <i class="ace-icon fa fa-envelope"></i>
                            </span>
											</label>

											<div class="clearfix">
												<button type="button"
														class="width-35 pull-right btn btn-sm btn-danger">
													<i class="ace-icon fa fa-lightbulb-o"></i>
													<span class="bigger-110">发送</span>
												</button>
											</div>
										</fieldset>
									</form>
								</div><!-- /.widget-main -->

								<div class="toolbar center">
									<a href="#" data-target="#login-box" class="back-to-login-link">
										返回登录页面
										<i class="ace-icon fa fa-arrow-right"></i>
									</a>
								</div>
							</div><!-- /.widget-body -->
						</div><!-- /.forgot-box -->

						<div id="signup-box" class="signup-box widget-box no-border">
							<div class="widget-body">
								<div class="widget-main">
									<h4 class="header green lighter bigger">
										<i class="ace-icon fa fa-users blue"></i>
										新账户注册
									</h4>

									<div class="space-6"></div>
									<p> 请开始输入您的信息: </p>

									<form>
										<fieldset>
											<label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input type="email" class="form-control"
									 placeholder="Email"/>
                              <i class="ace-icon fa fa-envelope"></i>
                            </span>
											</label>

											<label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input type="text" class="form-control"
									 placeholder="Username"/>
                              <i class="ace-icon fa fa-user"></i>
                            </span>
											</label>

											<label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input type="password" class="form-control"
									 placeholder="Password"/>
                              <i class="ace-icon fa fa-lock"></i>
                            </span>
											</label>

											<label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input type="password" class="form-control"
									 placeholder="Repeat password"/>
                              <i class="ace-icon fa fa-retweet"></i>
                            </span>
											</label>

											<label class="block">
												<input type="checkbox" class="ace"/>
                            <span class="lbl">
                              我接受
                              <a href="#">注册协议</a>
                            </span>
											</label>

											<div class="space-24"></div>

											<div class="clearfix">
												<button type="reset"
														class="width-30 pull-left btn btn-sm">
													<i class="ace-icon fa fa-refresh"></i>
													<span class="bigger-110">重置</span>
												</button>

												<button type="button"
														class="width-65 pull-right btn btn-sm btn-success">
													<span class="bigger-110">注册</span>
													<i class="ace-icon fa fa-arrow-right icon-on-right"></i>
												</button>
											</div>
										</fieldset>
									</form>
								</div>

								<div class="toolbar center">
									<a href="#" data-target="#login-box" class="back-to-login-link">
										<i class="ace-icon fa fa-arrow-left"></i>
										返回登录页面
									</a>
								</div>
							</div><!-- /.widget-body -->
						</div><!-- /.signup-box -->
					</div><!-- /.position-relative -->

					<div class="navbar-fixed-top align-right">
						<br/>
						&nbsp;
						<a id="btn-login-dark" href="#">黑色</a>
						&nbsp;
						<span class="blue">/</span>
						&nbsp;
						<a id="btn-login-blur" href="#">深空</a>
						&nbsp;
						<span class="blue">/</span>
						&nbsp;
						<a id="btn-login-light" href="#">亮光</a>
						&nbsp; &nbsp; &nbsp;
					</div>
				</div>
			</div><!-- /.col -->
		</div><!-- /.row -->
	</div><!-- /.main-content -->
</div><!-- /.main-container -->

<!-- basic scripts -->

<!--[if !IE]> -->
<script type="text/javascript">
	window.jQuery || document.write("<script src='${aceAdmin}/assets/js/jquery.js'>" + "<" + "/script>");
</script>

<!-- <![endif] -->

<!--[if IE]>
<script type="text/javascript"> window.jQuery || document.write("<script src='${aceAdmin}/assets/js/jquery1x.js'>" + "<" + "/script>"); </script>
<![endif] -->
<script type="text/javascript">
	if ('ontouchstart' in document.documentElement) document.write("<script src='${aceAdmin}/assets/js/jquery.mobile.custom.js'>" + "<" + "/script>");
</script>

<!-- inline scripts related to this page -->
<script src="${path}/resources/plugins/jquery.cookie.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/sunmnet/sUtils.js"></script>
<script type="text/javascript">
	function login() {
		location.href = path + '/admin/index.jsp';
	}
	jQuery(function ($) {
		$(document).on('click', '.toolbar a[data-target]', function (e) {
			e.preventDefault();
			var target = $(this).data('target');
			$('.widget-box.visible').removeClass('visible');//hide others
			$(target).addClass('visible');//show target
		});

		/* 初始化背景样式 */
		$('body').attr('class', 'login-layout light-login');
		$('#id-text2').attr('class', 'grey');
		$('#id-company-text').attr('class', 'blue');

//		e.preventDefault();
	});

	//you don't need this, just used for changing background
	jQuery(function ($) {
		$('#btn-login-dark').on('click', function (e) {
			$('body').attr('class', 'login-layout');
			$('#id-text2').attr('class', 'white');
			$('#id-company-text').attr('class', 'blue');

			e.preventDefault();
		});
		$('#btn-login-light').on('click', function (e) {
			$('body').attr('class', 'login-layout light-login');
			$('#id-text2').attr('class', 'grey');
			$('#id-company-text').attr('class', 'blue');

			e.preventDefault();
		});
		$('#btn-login-blur').on('click', function (e) {
			$('body').attr('class', 'login-layout blur-login');
			$('#id-text2').attr('class', 'white');
			$('#id-company-text').attr('class', 'light-blue');

			e.preventDefault();
		});

	});
</script>

<%
	String redirect = request.getParameter("redirect");
	if (redirect == null) {
		redirect = "";
	}
%>
<script>

	var formId = '#formLogin';
	var loginUrl = path + '/admin/index.jsp#page/home';

	/**
	 * 重写loginUtils方法
	 * */
	loginUtils.confirm = function (msg) {
		return confirm(msg);
	};

	loginUtils.show = function (msg) {
//		alert(msg);
	};

	loginUtils.showMsg = function (msg) {
		alert(msg);
	};

	loginUtils.getRedirect = function () {
		var redirect = '<%=redirect%>';

		//slog.log('redirect: ' + params.redirect);
		/*
		 http://localhost:8080/bigdata/login.jsp?redirect=%2Fadmin%2Findex.jsp%3F#page/security/list
		 ==>>>> /admin/index.jsp?#page/security/list
		 http://localhost:8080/bigdata/login.jsp?redirect=%2Fadmin%2Findex.jsp%3F
		 ==>>>> /admin/index.jsp?
		 http://localhost:8080/bigdata/login.jsp
		 http://localhost:8080/bigdata
		 ==>>>> /admin/index.jsp

		 */
		var str = window.location.href;
		var match = str.match(/=(.*)/i);
		if (match != null && match.length > 1) {
			var urlParam = match[1];
//				if (urlParam.length != 23) {
			urlParam = urlParam
					.replace(/%2F/g, '/')
					.replace(/%3F/g, '?');
//				}

//				admin/security/list.jsp? ==>
//				admin/index.jsp#page/security/list.jsp
			if (urlParam.indexOf('admin/index.jsp') == -1) {
				urlParam = urlParam.replace('admin/', 'admin/index.jsp#page/')
						.replace('?', '');
			}
			redirect = urlParam;
		}

		redirect = redirect.replace('?', '');
		slog.log('redirect: ' + redirect);
		return redirect;
	};

	loginUtils.setLoginUrl(loginUrl);

	loginUtils.fromValidate = function () {
		var params = sUtils.getFormParams(formId);
		if (sUtils.isNull(params.username)) {
			alert("用户名不能为空!!");
			return false;
		}

		if (sUtils.isNull(params.password)) {
			alert("密码不能为空!!");
			return false;
		}
		return true;
	};

	loginUtils.loginSuccess = function () {
		$.cookie('loginType', null);
	};

	$(document).ready(function () {
		loginUtils.checkLogin('${sessionScope.CURRENT_USER_ID}');
	});

</script>
</body>
</html>
